/* 路由的统一动效 */

.page-enter-active,
.page-leave-active {
  transition: opacity 0.5s;
}

.page-enter,
.page-leave-active {
  opacity: 0;
}


/* 也可以写在外部，名字不同 */
.alone-enter-active,
.alone-leave-active {
  transition: all 0.5s;
}

.alone-enter,
.alone-leave-active {
  margin-top: 100px;
  opacity: 0;
}